<template>
  <div class="layout">
  <el-container>
  <el-aside :width="$store.state.elaside">
 <Left></Left>
  </el-aside>
  <el-container>
    <el-header>
   <Top></Top>
    </el-header>
    <el-main>
    <Bread></Bread>
    <router-view></router-view>
    </el-main>
  </el-container>
</el-container>

  </div>
</template>

<script>
import Top from '@/components/global/top'
import Main from '@/components/global/main'
import Left from '@/components/global/left'
import Bread from '@/components/global/bread'
// import store from 'store'
export default {
components:{Top, Main, Left,Bread},
created() {
  this.$store.dispatch('getprofile')
},
}

// this.$store.dispatch('getprofile')
</script>

<style lang="less" scoped>

.layout{
  width: 100%;
  height: 100%;
}
  .el-header{
    background-color: #4D7EFC;
    color: #333;
    text-align: center;
    line-height: 60px;
   
  }
  
  .el-aside {
    background-color:#4D7EFC;
    color: #333;
    text-align: center;
   
  }
  
  .el-main {
   
    background-color: #E9EEF3;
    color: #333;
  }
  
  .el-container {
    width: 100%;
    height:100%;
  }
  
  
</style>